<template>
  <div class="het-panel">
    <el-tabs v-model="tableName">
      <el-tab-pane
        v-for="(label, key) in tabConfig"
        :key="key"
        :label="key"
        :name="key"
      ></el-tab-pane>
    </el-tabs>
    <component :is="tabConfig[tableName]"></component>
  </div>
</template>

<script setup>
import { onMounted, ref, computed, reactive, markRaw } from "vue";
import scanTask from "./components/scanTask.vue";
import scanHistory from "./components/scanHistory.vue";
const tableName = ref("任务列表");
const tabConfig = {
  任务列表: markRaw(scanTask),
  扫描历史: markRaw(scanHistory),
};
</script>
